.page-index{

	.bg-box{
		position: relative;
			padding:187rpx 33rpx 0;
			.bjImage{
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
				width: 100%;
				height: 100%;
			}
		.userInfo{
			margin: 30rpx 0;
			display: flex;
			align-items: center;
			image{
				flex-shrink: 0;
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;
			}
			.name{
			    margin-left: 23rpx;
			    font-size: 32rpx;
			    font-weight: 700;
			    color: #333333;
			    .text {
			     margin-top: 10rpx;
			     font-size: 22rpx;
			     font-weight: 400;
			    }
			   }
		}
		.information-box{
			margin: 20rpx 0;
			display: flex;
			justify-content: space-between;
			padding: 0 48rpx;
			.information{
				text-align: center;
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;
			}
		}
		.card-box{
			background: #FFFFFF;
			display: flex;
			justify-content: space-between;
			.card-item{
				flex: 1;
				display: flex;
				justify-content: space-between;
				padding: 40rpx 54rpx;
				image{
					width: 34rpx;
					height: 90rpx;
				}
				.left-item{
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: space-between;
					height: 80rpx;
					.title{
						font-size: 28rpx;
						font-weight: 500;
						color: #333333;
					}
					.value{
						font-size: 24rpx;
						font-weight: 400;
						color: #999999;
					}
				}
			}
		}
	}
	.navigaList{
		padding: 0 27rpx 27rpx 27rpx;
		display: flex;
		flex-wrap: wrap;
		.naviga-item{
			width: 25%;
			text-align: center;
			margin-top: 60rpx;
			image{
				width: 60rpx;
				height: 60rpx;
			}
			.item-box {
				position: relative;
				button::after{
				 	border: none;
				}
				.bnt {
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					opacity: 0;
					z-index: 999;
				}
				image{
					width: 60rpx;
					height: 60rpx;
				}
			}
			
		}
	}
	.advertising {
		margin-top: 20rpx;
		position: relative;
		background-repeat:no-repeat;
		background-size: 100% 100%;
		button::after{
		 	border: none;
		}
		.bnt {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			opacity: 0;
			z-index: 999;
		}
		.textBox {
			padding-top: 20rpx;
			padding-left: 34rpx;
			height: 108rpx;
			.top {
				font-size: 38rpx;
				font-weight: 600;
				color: #EABFA2;
			}
			.bon {
				margin-top: 6rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #EABFA2;
			}
		}
	}
		
	.advertising2 {
		padding: 28rpx 28rpx 0 28rpx;
		image{
			width: 100%;
			height: 86rpx;
		}
	}
}